<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理想国真惠玩</title>
    <!-- UIkit CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/css/uikit.min.css"/>
</head>
<body>
<!--很大的高度 背景覆盖 明亮反相 flex布局-->
<!--uk-parallax="bgy: -200" 设置视差-->
<div class="uk-height-large uk-background-cover uk-light uk-flex" uk-parallax="bgy: -200"
     style="background-image: url('11.jpg');">
    <!--标题 1行2列,文本居中 自动外边距,自动垂直外边距-->
    <h1 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">Headline</h1>
</div>
<hr>
<!--去掉视差： 无法显示-->
<div class="uk-height-large uk-background-cover uk-light uk-flex" uk-parallax="bgy: -200">
    <!--标题 1行2列,文本居中 自动外边距,自动垂直外边距-->
    <h1 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">Headline</h1>
</div>
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>
</body>
</html>